<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>AUI快速完成布局</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
<style type="text/css">
html {
    _overflow: auto;
}

html,  body {
    height:100%;

}
.ShowCh{
  display:inline;
  color:#00F;
  font-weight:bold;
}
.btn{
  margin-left: 10px;
      width: 100%;
  background-color: #ececec;
  height: 50px;
  min-height: 50px;
  display:table;
  margin-top: -10px;
}
.btn1{
  height:100%;
  display:table-cell;
  vertical-align: middle;
  width: 50%;
}
.label_min{
    display: table-cell;
    vertical-align: middle;
    color: #f5f5f5;
    padding: 1px;
    text-align:center;
    font-family: "黑体";
    background-color: #4CAF50;
    white-space: nowrap;
    border-radius: 10%;
    margin: 1rem;
    font-size: 0.6rem;
    height: 1rem;
    width: 2.5rem;
}
.label{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color: #f5f5f5;
    padding: 1px;
    font-family: "黑体";
    background-color: #795548;
    white-space: nowrap;
    border-radius: 10%;
    margin: 1rem;
    font-size: 0.8rem;
    height: 1.5rem;
    width: 2.7rem;
}

  .textlab{
    background-color: #f5f5f5;
    border-radius: 15%;
    font-size: 0.7rem;
    text-align: center;
    border: 1px solid #666666;
    height: 1.4rem;
    width: 3rem;
}


</style>
</head>
  <body>
  <div class="aui-btn aui-btn-block aui-btn-sm" style="margin-bottom:20px;color:#616161;font-family:'黑体';font-size: 0.9rem;"> 闪电模式</div>
    <div class="btn" >
            <div class="btn1">
              <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                <span class="label" >CH1:</span>
              </div>
              <div class="aui-col-xs-6" style="padding:10px;display:table;">
                 <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
              </div>
            </div>
            <div class="btn1">
              <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                <span class="label"  >CH2:</span>
              </div>
              <div class="aui-col-xs-6" style="padding:10px;display:table;">
                 <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
              </div>
            </div>
    </div>
    <div class="btn" >
            <div class="btn1">
              <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                <span class="label" >CH3:</span>
              </div>
              <div class="aui-col-xs-6" style="padding:10px;display:table;">
                 <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
              </div>
            </div>
            <div class="btn1">
              <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                <span class="label"  >CH4:</span>
              </div>
              <div class="aui-col-xs-6" style="padding:10px;display:table;">
                 <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
              </div>
            </div>
    </div>
    <div class="btn" >
            <div class="btn1">
              <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                <span class="label"  >CH5:</span>
              </div>
              <div class="aui-col-xs-6" style="padding:10px;display:table;">
                 <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
              </div>
            </div>
            <div class="btn1">
              <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                <span class="label" >CH6:</span>
              </div>
              <div class="aui-col-xs-6" style="padding:10px;display:table;">
                 <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
              </div>
            </div>
    </div>
    <div class="aui-col-xs-12" style="padding:20px;">
        <div class="aui-btn aui-btn-block aui-btn-info" tapmode onclick="openDialog('connect')">设置</div>
    </div>
    <div class="aui-btn aui-btn-block aui-btn-sm" style="margin-bottom:20px;color:#616161;font-family:'黑体';font-size: 0.9rem;"> 闪电模式</div>
      <div class="btn" >
              <div class="btn1">
                <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                  <span class="label" >CH1:</span>
                </div>
                <div class="aui-col-xs-6" style="padding:10px;display:table;">
                   <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
                </div>
              </div>
              <div class="btn1">
                <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                  <span class="label"  >CH2:</span>
                </div>
                <div class="aui-col-xs-6" style="padding:10px;display:table;">
                   <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
                </div>
              </div>
      </div>
      <div class="btn" >
              <div class="btn1">
                <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                  <span class="label" >CH3:</span>
                </div>
                <div class="aui-col-xs-6" style="padding:10px;display:table;">
                   <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
                </div>
              </div>
              <div class="btn1">
                <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                  <span class="label"  >CH4:</span>
                </div>
                <div class="aui-col-xs-6" style="padding:10px;display:table;">
                   <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
                </div>
              </div>
      </div>
      <div class="btn" >
              <div class="btn1">
                <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                  <span class="label"  >CH5:</span>
                </div>
                <div class="aui-col-xs-6" style="padding:10px;display:table;">
                   <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
                </div>
              </div>
              <div class="btn1">
                <div class="aui-col-xs-6" style="padding:10px;display:table-cell;">
                  <span class="label" >CH6:</span>
                </div>
                <div class="aui-col-xs-6" style="padding:10px;display:table;">
                   <input id = "Mot_temp" type="text1" name="fname" class="textlab"/>
                </div>
              </div>
      </div>
      <div class="aui-col-xs-12" style="padding:20px;">
          <div class="aui-btn aui-btn-block aui-btn-info" tapmode onclick="openDialog('connect')">设置</div>
      </div>


  </body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript" src="../script/aui-dialog.js" ></script>
<script type="text/javascript" src="../script/echarts.js" ></script>
<script type="text/javascript" src="../script/MyLib.js" ></script>
<script type="text/javascript">


</script>
</html>
